<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    
    
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <link rel="stylesheet" href="index.css" type="text/css">
</head>
<body>
    <div id="box">
        <el-container>
                <el-header>
                     <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
                        <el-menu-item index="1"><a href="#/">网站首页</a></el-menu-item>
                        <el-submenu index="2">
                            <template slot="title"><a href="#/no2">关于我们</a></template>
                            <el-menu-item index="2-1"><a href="#/no2/no1/企业理念/1">企业理念</a> </el-menu-item>
                            <el-menu-item index="2-2"><a href="#/no2/no1/愿景使命/2">愿景使命</a></el-menu-item>
                            <el-menu-item index="2-3"><a href="#/no2/no1/发展规划/3">发展规划</a></el-menu-item>
                        </el-submenu>
                        <el-menu-item index="3" ><a href="#/no3">产品中心</a></el-menu-item>
                        <el-submenu index="4">
                            <template slot="title"><a href="#/no4">研发中心</a></template>
                            <el-menu-item index="2-1"><a href="#/no4/no2/研发团队/1">研发团队</a></el-menu-item>
                            <el-menu-item index="2-2"><a href="#/no4/no2/技术力量/2">技术力量</a></el-menu-item>
                            <el-menu-item index="2-3"><a href="#/no4/no2/研发展望/3">研发展望</a></el-menu-item>
                        </el-submenu>
                        <el-submenu index="5">
                            <template slot="title"><a href="#/no5">特效药品</a></template>
                            <el-menu-item index="2-1"><a href="#/no5/no3/特效药原理/1">特效药原理</a></el-menu-item>
                            <el-menu-item index="2-2"><a href="#/no5/no3/特效药受众对象/2">特效药受众对象</a></el-menu-item>
                            <el-menu-item index="2-3"><a href="#/no5/no3/特效药常见问题/3">特效药常见问题</a></el-menu-item>
                        </el-submenu>
                        <el-menu-item index="6"><a href="#/no6">资讯中心</a></el-menu-item>
                        <el-menu-item index="7"><a href="#/no7">联系我们</a></el-menu-item>
                    </el-menu>
                   
                </el-header>
                <el-main style="min-height: 300px">
                        
                    <router-view></router-view>
                </el-main>
                <el-footer></el-footer>
            </el-container>
    </div>
    <template id="no1">
        <div>
            <p>网站首页</p>
        </div>
    </template>
    <template id="no2">
        <abouts></abouts>
    </template>
    <template id="no3">
        <div>
           <product></product>
        </div>
    </template>
    <template id="no4">
        <research></research>
    </template>
    <template id="no5">
        <drug></drug>
    </template>
    <template id="no6">
            <div>
                咨询中心
            </div>
        </template>
    <template id="no7">
        <div>
            联系我们
        </div>
    </template>
    <template id="type">
        <div>
            {{$route.params}}
        </div>
    </template>
</body>
<script src="vue.js"></script>
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="vue-router.js"></script>
<script src="index.js"></script>
</html>